<div class="content">
    <form class="form-horizontal" name="entryForm" ng-submit="vm.submitForm(entryForm.$valid)" novalidate>
        <div class="ibox">
            <div class="ibox-title">
                <h5>报名设置</h5>
            </div>
            <div class="ibox-content">
                <div class="form-group">
                    <div>
                        <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>报名规模和报名费 <b class="text-danger">*</b></h4></label>
                        <div class="col-xs-6 col-sm-6 col-md-6">
                            <div ng-repeat="item in vm.pay_info">
                                <h4 style="margin-top: 10px; display: inline;">{{item.course_name}} 项目：</h4>
                                <input type="number" class="form-control" style="display: inline; width: 30%;" placeholder="请输入报名费用（元）" ng-model="item.money" required> 元报名费
                                <p class="help-block">
                                    报名人数限制：{{item.num}} 人 &nbsp;&nbsp;&nbsp;
                                    <a ui-sref="dashboard.race.courseedit({course_id: item.course_id})" style="text-decoration: underline" >（点击修改）</a>
                                </p>
                                <hr>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>名额转让 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-4"><h4><input icheck type="checkbox" ng-model="vm.out" disabled></h4></div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>是否需要审核 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-4"><h4><input icheck type="checkbox" ng-model="vm.need_verify"></h4></div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>报名邮件通知 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-4">
                        <h4><input icheck type="checkbox" ng-model="vm.notify_email"></h4>
                        <a style="text-decoration: underline" ng-click="vm.emailSampleShow()">点击查看邮件格式</a>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>报名短信通知 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <h4><input icheck type="checkbox" ng-model="vm.notify_sms"></h4>
                        <a style="text-decoration: underline" ui-sref="dashboard.race.sms">
                            编辑 “报名成功” 短信</a>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>是否允许取消报名 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-4">
                        <h4><input icheck type="checkbox" ng-model="vm.cancel_reg"></h4>
                        <a style="text-decoration: underline" ui-sref="dashboard.race.sms">
                            编辑 “取消报名” 短信</a>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>取消报名截止时间 <b class="text-danger">*</b></h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-6">

                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-7 margin-bottom-20">
                                <div class="input-group date">
                                    <input name="raceDate" type="text" size="10" class="form-control" ng-model="vm.cancel_reg_time" data-date-format="yyyy-MM-dd" data-autoclose="1" placeholder="年-月-日" bs-datepicker >
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-5 margin-bottom-20">
                                <div class="input-group date">
                                    <input name="raceTime" type="text" size="10" class="form-control" ng-model="vm.cancel_reg_time" data-time-format="HH:mm:ss" data-autoclose="1" placeholder="时:分:秒" bs-timepicker >
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>报名开始时间 <b class="text-danger">*</b></h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-7 margin-bottom-20">
                                <div class="input-group date">
                                    <input name="raceDate" type="text" size="5" class="form-control" ng-model="vm.start_time" data-date-format="yyyy-MM-dd" data-autoclose="1" placeholder="年-月-日" bs-datepicker required>
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-5 margin-bottom-20">
                                <div class="input-group date">
                                    <input name="raceTime" type="text" size="5" class="form-control" ng-model="vm.start_time" data-time-format="HH:mm:ss" data-autoclose="1" placeholder="时:分:秒" bs-timepicker required>
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>报名结束时间 <b class="text-danger">*</b></h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-6">

                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-7 margin-bottom-20">
                                <div class="input-group date">
                                    <input name="raceDate" type="text" size="10" class="form-control" ng-model="vm.end_time" data-date-format="yyyy-MM-dd" data-autoclose="1" placeholder="年-月-日" bs-datepicker required>
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-5 margin-bottom-20">
                                <div class="input-group date">
                                    <input name="raceTime" type="text" size="10" class="form-control" ng-model="vm.end_time" data-time-format="HH:mm:ss" data-autoclose="1" placeholder="时:分:秒" bs-timepicker required>
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>免责声明 <b class="text-danger">*</b></h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <textarea class="form-control" rows="8" placeholder="" ng-model="vm.disclaimer" required />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>报名页面提示信息 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                        <textarea class="form-control" placeholder="用于报名状态页面提示信息，例如：主办方联系方式" ng-model="vm.reg_info" />
                    </div>
                </div>



                <!-- <div class="form-group">
                    <label class="col-xs-6 col-sm-6 col-md-4 control-label"><h4>页面样式 </h4></label>
                    <div class="col-xs-6 col-sm-6 col-md-4">
                        <h4 style="margin-top: 10px;">背景颜色</h4>
                        <input  class="form-control jscolor" id="colorbg" value="">
    
                        <h4 style="margin-top: 10px;">控件颜色</h4>
                        <input  class="form-control jscolor" id="colorbtn" value="">
                    </div>
                </div> -->
                <div class="form-group">
                    <div class="col-xs-12 col-sm-12 col-md-10" style="text-align: right;">
                        <button type="submit" class="btn btn-sm btn-primary" ng-disabled="hide" ><i class="fa fa-save"></i>保存</button>
                    </div>
                </div>

            </div>
        </div>
    </form>
    <script>
        $(document).ready(function(){
            $('.multi-switch').multiSwitch();
        });
    </script>
</div>